import { Component, OnInit } from '@angular/core';
import { Router, NavigationExtras, ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-dynamic',
  templateUrl: './dynamic.component.html',
  styleUrls: ['./dynamic.component.css']
})
export class DynamicComponent implements OnInit {

  public params: object;
  // 在动态路由里跳转自己 构造器 以及 init函数不会执行
  constructor(
    private route: ActivatedRoute,   //接收参数  this.route能看到动态路由的参数以及url参数
    private router: Router,          //跳转
  ) {

  }

  ngOnInit() {
    console.log('执行init')

    this.route.params.subscribe((params) => {     //相当于事件订阅 只要值改变了就触发 而不是执行一次
      this.params = params
      console.log(this)
    })


  }

}
